
document.write("<style>/* css auto */ .container{width:1200px; margin:auto} /* Top Header -------------------------------- */ .top-header h2 { display: none; } .top-header { background: #555; border-radius: 0 0 5px 5px; padding: 7px; overflow: hidden; border-top: 2px solid #fff; padding-top: 10px; padding-bottom: 10px; } div#top-menu ul li.selected a { border-radius: 50px; padding: 10px 20px; background: #ffffff; color: #555 !important; } div#top-menu ul li a { transition: 0.3s; color: #fff; display: block; font-size: 16px; padding: 10px 20px; background: #353535; margin-left: 4px; border-radius: 3px; } #top-menu ul li a:hover{ border-radius: 50px; padding: 10px 20px; background: #ffffff; color: #555 !important; transition: 0.3s; } div#top-menu ul li { float: right; } div#top-right { float: right; } div#top-left { float: left; } div#top-social ul li a { transition: 0.3s; color: #fff !important; display: block; font-size: 18px; padding: 10px; width: 42px; height: 42px; text-align: center; background: #353535; margin-left: 4px; border-radius: 50%; } div#top-social ul li a:hover { transform: rotate(360deg); transition: 0.3s; background: white; color: #555 !important; } div#top-social ul li { float: right; } /* Header wrapper -------------------------------- */ .header-wrapper { overflow: hidden; background: #FFF; padding: 20px 40px; margin-top: 4px; } div#ads{ margin-top:9px; float:left} div#logo{ float:right} div#adsense h2 { display: none; } /* Main Menu -------------------------------- */ div#main-menu h2 { display: none; } #main-menu { padding: 7px; background: white; margin-top: 4px; border-radius: 4px; } #menu { background: #555; overflow: hidden; border-radius: 50px; margin: auto; } div#menu ul li { float: right; } div#menu ul#main li a:hover { transition: 0.3s; background: #353535; border-color: #fff; } div#menu ul#main li a { color: #fff; display: block; font-size: 17px; padding: 15px 14px; transition: 0.3s; border-bottom: 2px solid transparent; } div#menu ul li.home-btn a { background: white; border-radius: 50%; width: 45px; height: 45px; margin: 5px; color: #555; font-size: 24px; text-align: center; line-height: 50px; padding: 0 !important; display: block; } ul#items .btn { background: white; width: 45px; height: 45px; margin: 5px; color: #555; font-size: 22px; text-align: center; line-height: 50px; padding: 0 !important; display: block; margin-right: -2px; cursor: pointer; } li.search-btn .btn { border-radius: 50px 4px 4px 50px; } li.random-btn .btn { border-radius: 4px 50px 50px 4px; } ul#items { float: left; } /* Search Wrapper -------------------------------- */ .search-wrapper { padding: 7px; background: white; margin-top: 4px; overflow: hidden; border-radius: 4px; display:none; } input#searchinput { border: 0px; float: right; background: #fbfbfb; padding: 14px; font-family: MOussa-font; width: 90%; } input#searchbtn { border: 0; font-family: moussa-font; float: right; padding: 14px; width: 7%; background: #555; margin-left: 10px; color: #fff; border-radius: 50px; font-size: 19px; height: 46px; line-height: 5px; margin-right: 14px; cursor: pointer; } /* Slider Carousel -------------------------------- */ #main-slider .owl-controls .owl-nav .owl-prev { position: absolute; right: 10px; top: 10px; transition: 0.4s; } #main-slider .owl-controls .owl-nav .owl-next { position: absolute; left: 10px; top: 10px; transition: 0.4s; } #main-slider .owl-controls .owl-nav >div { width: 40px; height: 40px; border-radius: 4px; margin-left: 5px; background: #fff; cursor: pointer; color: #555; line-height: 44px; text-align: center; display: block; opacity: 0.6; transition: 0.3s; } #main-slider .owl-controls .owl-nav >div:hover { opacity: 1; transition: 0.3s; } div#main-slider .mag-thumb a { width: 100%; height: 270px; display: block; overflow: hidden; position: relative; } a.slide-coid { position: absolute; top: -40px; right: 10px; text-align: center; background: #fff; display: block; color: #555; border-radius: 2px; font-size: 18px; width: 36px; height: 36px; transition: 0.3s; line-height: 38px; } div#main-slider { display: block; overflow: hidden; margin-top: 4px; margin-bottom: 4px; } #main-slider li:hover .slier-format-icon { transition: 0.3s; transform: scale(1); } #main-slider li:hover .mag-content { bottom: 50px; transition: 0.3s; } #main-slider li:hover .hided-meta a{ bottom: 0px; transition: 0.3s; } .hided-meta a { background: white; position: absolute; bottom: -50px; width: 100%; text-align: center; padding: 14px; z-index: 10; font-family: moussa-font; transition: 0.3s; } div#main-slider .mag-content { padding: 14px; position: absolute; z-index: 9; bottom: 0px; left: 0px; right: 0; transition: 0.3s; font-family:moussa-font; background: linear-gradient(rgba(0, 0, 0, 0), rgb(49, 40, 40)); color: #fff; font-size: 15px; text-align: center; } div#main-slider .mag-content a { color: #fff; font-size: 18px; font-family:moussa-font; } .slider-meta { font-size: 12px; margin-top: 10px; font-family:moussa-font; } .slider-meta i { margin-left: 7px; } .slier-format-icon { background: white; width: 40px; height: 40px; text-align: center; line-height: 42px; border-radius: 50%; color: #555; font-size: 17px; position: absolute; left: 15px; top: 10px; z-index: 9; transition: 0.3s; transform: scale(0); } .slier-format-icon:before { content: ''; position: absolute; border-color: transparent #ffffff transparent transparent; border-style: solid; border-width: 15px; bottom: -23px; left: 3px; transform: rotate(275deg); text-align: center; } .slier-format-icon i.mawjaar-videos { color: #e52d27 !important; } .slier-format-icon i.mawjaar-sound { color: #EF7336 !important; } .slier-format-icon i.mawjaar-link { color: #9664B5 !important; } .slier-format-icon i.mawjaar-games { color: #f29a1d !important; } .slier-format-icon i.mawjaar-hasriyat { color: #f29a1d !important; } .slier-format-icon i.mawjaar-social { color: #9664B5 !important; } .slier-format-icon i.mawjaar-i9tibas { color: #60A65B !important; } .slier-format-icon i.mawjaar-android { color: #1db512 !important; } .slier-format-icon i.mawjaar-image { color: #d40089 !important; } a.katibslider { margin: 9px; display: block; text-align: center; } img.katib-img { width: 50px !important; height: 50px; text-align: center; display: inline-block !important; border-radius: 50%; } /* Sidebar Wrapper -------------------------------- */ #sidebar-wrapper { float: left; width: 34% } #sidebar-wrapper .widget-title:after,.footer-wrapper .widget-title:after { content: ""; display: block; z-index: 99; position: absolute; right: 0; top: 47%; border: 4px double #555; left: 0; border-right: 0; border-left: 0 } #sidebar-wrapper h2:after,.footer-wrapper h2:after { content: ""; width: 10px; display: inline-block; height: 10px; line-height: 10px; margin-right: 5px; border-radius: 50%; background: #555; } #sidebar-wrapper h2:before,.footer-wrapper h2:before { content: ""; width: 10px; display: inline-block; height: 10px; line-height: 10px; margin-left: 5px; border-radius: 50%; background: #555; } #sidebar-wrapper h2,.footer-wrapper h2 { padding: 8px 13px; background-color: #fff; display: inline-block; position: relative; font-weight: 100; color: #555; text-align: center; font-size: 18px; margin-right: 17px; z-index: 999; margin-top: 4px } #sidebar-wrapper .widget-content { padding: 8px } #sidebar-wrapper .widget { background-color: #fff; margin-bottom: 14px; border-radius: 3px; padding: 12px; overflow: hidden } .widget-title { text-align: center; position: relative; overflow: hidden } #ArchiveList select { width: 100%; background: #f1f1f1; border: 0; color: #555; padding: 10px; font-size: 17px; font-family: moussa-font; } #sidebar-wrapper .list-label-widget-content ul li { display: inline-block; margin-bottom: 3px } #sidebar-wrapper .list-label-widget-content ul li a, #sidebar-wrapper .list-label-widget-content ul li span { font-size: 16px; display: block; background: #555; color: #fff; padding: 7px 11px; border-radius: 3px } .popular-posts ul li { overflow: hidden; margin-bottom: 2%; position: relative } .popular-posts ul li:before { position: absolute; right: 8px; z-index: 9999; background: #555; color: #fff; display: block; border-radius: 50%; font-size: 19px; width: 30px; top: 8px; text-align: center; line-height: 32px; height: 30px } .popular-posts ul li:nth-child(1):before { content: '1' } .popular-posts ul li:nth-child(2):before { content: '2' } .popular-posts ul li:nth-child(3):before { content: '3' } .popular-posts ul li:nth-child(4):before { content: '4' } .popular-posts ul li:nth-child(5):before { content: '5' } .popular-posts ul li:nth-child(6):before { content: '6' } .popular-posts ul li:nth-child(7):before { content: '7' } .popular-posts ul li:nth-child(8):before { content: '8' } .popular-posts ul li:nth-child(9):before { content: '9' } .popular-posts ul li:nth-child(10):before { content: '10' } .item-snippet { overflow: hidden; height: 39px; color: #ABABAB; font-size: 14px } .item-title a { font-size: 17px; color: #555 } .popular-posts ul li .item-thumbnail img { width: 100%; height: 100%; opacity: 0.7; border-radius: 4px; } .popular-posts ul li .item-thumbnail { float: right; width: 100px; margin-left: 14px; height: 100px; background: #555; margin-bottom: 14px; border-radius: 4px; } /* My Sidebar widget -------------------------------- */ .commentswidget li { overflow: hidden; background: #ffffff; padding: 8px; margin-bottom: 7px; border: 2px solid #ccc; margin-left: 5px; border-radius: 4px; } .commentswidget img { float: left; width: 70px; margin-right: 15px; border-radius: 4px; } ul.commentswidget::-webkit-scrollbar { width: 5px; } ul.commentswidget::-webkit-scrollbar-thumb { background: #555555; } ul.commentswidget::-webkit-scrollbar-track { background: #dddddd; } ul.commentswidget { height: 200px; display: block; overflow: auto; } .commentswidget a { text-transform: uppercase; font-size: 14px; background: #ffffff; padding: 5px; text-align: center; display: block; border-radius: 4px; margin-left: 5px; } .commentswidget span { display: block; color: #6d7683; font-size: 14px; margin-top: 10px; line-height: 22px; text-align: center; } .side-timeline { border-left: 3px solid #eee; padding-left: 15px } .timeline-title a { color: #444; font-size: 16px; font-weight: 100; display: block; padding: 12px; padding-left: 0px; padding-right: 0px; } .side-timeline li { position: relative; border-bottom: 1px solid #eee; padding-bottom: 10px; } .timeline-title:before { content: ""; position: absolute; left: -24px; border: 4px solid #eee; border-radius: 50%; background: #fff; width: 16px; height: 16px; display: block; top: 28px; transition: 0.3s; } .side-timeline li:hover .timeline-title:before { border-color: #555; transition: 0.3s; } /* Post Wrapper -------------------------------- */ .content-wrapper { margin-top: 15px; margin-bottom: 15px; } div#post-wrapper { float: right; width: 66%; } .post-footer { display: none; } .post-content { background: white; padding: 12px; text-align: center; position: relative; height: 270px; float: left; width: 50%; border-radius: 3px 0px 0px 3px; } .post-meta { border-bottom: 2px solid #ccc; padding: 8px; margin-top: 12px; } .post-thumb { display: block; width: 50%; float: right; height: 270px; position: relative; transition: 0.3s; background: white; } .post-outer { margin-bottom: 14px; padding-left: 16px; } .post-format iframe { width: 100%; height: 270px; overflow: hidden; z-index: 9; position: relative; } .post:hover .post-thumb a.postimage { opacity: 0.7; transform: scale(1.2); transition: 0.3s; } .post:hover .share-btn { transform: rotate(-360deg); transition: 0.3s; } .post:hover span.icon-format-posts a { transform: rotate(-360deg); transition: 0.3s; } .post-section { position: relative; display: block; overflow: hidden; } .post-thumb a { display: block; width: 100%; height: 270px; transition: 0.3s; overflow: hidden; } .post-thumb a img { display: block; width: 100%; height: 270px; transition: 0.3s; } .post-snippet { font-size: 14px; text-align: justify; padding: 22px; } .share-btn { position: absolute; z-index: 9; display: block; width: 40px; height: 40px; background: white; bottom: 11px; right: 11px; color: #555; text-align: center; line-height: 45px; font-size: 20px; border-radius: 50%; cursor: pointer; transition: 0.3s; } span.icon-format-posts a { position: absolute; z-index: 9; display: block; width: 40px; height: 40px; background: white; bottom: 11px; right: 60px; color: #555; text-align: center; line-height: 45px; font-size: 20px; border-radius: 50%; cursor: pointer; transition: 0.3s; } span.icon-format-posts i.mawjaar-videos { color: #e52d27 !important; } span.icon-format-posts i.mawjaar-sound { color: #EF7336 !important; } span.icon-format-posts i.mawjaar-image { color: #d40089 !important; } span.icon-format-posts i.mawjaar-link { color: #9664B5 !important; } span.icon-format-posts i.mawjaar-games { color: #f29a1d !important; } span.icon-format-posts i.mawjaar-hasriyat { color: #f29a1d !important; } span.icon-format-posts i.mawjaar-social { color: #9664B5 !important; } span.icon-format-posts i.mawjaar-i9tibas { color: #60A65B !important; } span.icon-format-posts i.mawjaar-android { color: #1db512 !important; } .katib-soura img { width: 40px; border-radius: 50%; position: absolute; top: -40px; border: 2px solid #fff; right: 10px; z-index: 2; transition: 0.3s; } .post-label { display: block; position: absolute; z-index: 1; top: -45px; padding: 5px; background: white; border-radius: 4px; direction: rtl; right: 28px; transition: 0.3s; padding-right: 23px; padding-left: 10px; } .post:hover .post-label { transition: 0.3s; top: 15px } .post:hover .katib-soura img { transition: 0.3s; top: 10px } .read-more-link { position: absolute; text-align: center; bottom: 30px; left: 30%; } .read-more-link a { background: #555; padding: 8px 17px; border-radius: 50px; color: #fff; text-align: center; } .share-post a { width: 50px; height: 35px; background: black; line-height: 38px; display: inline-block; text-align: center; color: #fff; border-radius: 4px; } .share-post.active { top: 0px !important; transition: 0.3s; } a.share-facebook { background: #392d92; } a.share-twitter { background: #0093ff; } a.share-gplus { background: #d01313; } a.share-linkedin { background: #4044ff; } a.share-pinterest { background: #d00000; } .share-post { position: absolute; z-index: 12; top: -270px; height: 270px; background: rgba(255, 255, 255, 0.71); width: 100%; text-align: center; line-height: 270px; transition: 0.3s; } /* Main Slider ------------------------------- */ .cumen1-title { display: none } #HTML140 .mag-content { position: absolute; bottom: 0; z-index: 99999; padding: 20px; background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(49, 40, 40)); overflow: hidden; vertical-align: middle; padding-bottom: 30px; left: 0; } .slider-share { position: absolute; top: -40px; right: 50px; transition: 0.3s; } .slider-share a { float: right; text-align: center; background: #fff; display: block; color: #555; border-radius: 2px; font-size: 18px; width: 36px; height: 36px; margin-left: 4px; line-height: 38px; } #HTML140 { padding-left: 17px; margin-bottom: 14px; height: 300px; display: none; } #HTML140 .mag-content h3.mag-title a { color: #fff; font-size: 21px; font-weight: 100; margin-bottom: 6px; display: block; margin-right: 18px } #HTML140 .mag-content .recent-meta p:after { content: "\f10d"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; margin-right: 6px } #HTML140 .mag-content .recent-meta p:before { content: "\f10e"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; margin-left: 6px } .time-cumen2 i { display: inline-block; margin-left: 6px } .time-cumen2 { margin-right: 18px; color: #e0e0e0; margin-bottom: 6px } #HTML140 .mag-content .recent-meta p { color: #cfcfcf; font-size: 15px; padding: 0 22px; line-height: 28px } #HTML140 ul li { position: relative; overflow: hidden } #HTML140 ul li:hover .slider-tag a{ top: 10px; transition: 0.3s; } #HTML140 ul li:hover .slider-share{ top: 10px; transition: 0.3s; } #HTML140 ul li:hover a.slide-coid{ top: 10px; transition: 0.3s; } .slider-tag a { position: absolute; top: -40px; right: 210px; background: #fff; display: block; color: #555; padding: 6px 12px; border-radius: 2px; font-size: 18px; transition: 0.3s; } #HTML140 .mag-thumb a.slider-image { display: block; height: 300px; } #HTML140 .owl-controls .owl-nav >div { width: 40px; height: 40px; border-radius: 4px; margin-left: 5px; background: #fff; cursor: pointer; color: #555; line-height: 44px; text-align: center; display: inline-block; opacity: 0.6; transition: 0.3s; } #HTML140 .owl-controls .owl-nav >div:hover { opacity: 1; transition: 0.3s; } #HTML140 .owl-controls .owl-dots { bottom: 10px; left: 10px; position: absolute; } #HTML140 .owl-controls .owl-dots .owl-dot.active span { background: #fff; opacity: 1; } #HTML140 .owl-controls .owl-dots .owl-dot { display: inline-block } #HTML140 .owl-controls .owl-nav { position: absolute; z-index: 999; top: 10px; left: 10px; } #HTML140 .owl-controls .owl-dots span { width: 17px; height: 17px; background: #fff; margin-right: 6px; border-radius: 50%; display: block; cursor: pointer; opacity: 0.6; transition: 0.3s; } /* Post Custemer in Item ------------------------------- */ .item .post-outer, .static_page .post-outer { width: 100% !important; background: white; border-radius: 3px; overflow: hidden; } .item #post-wrapper, .static_page #post-wrapper { float: right; width: 65% ; } .item .post-body, .static_page .post-body { padding: 14px; } /* less Secion ------------------------------- */ #less-section { padding: 15px; background: white; overflow: hidden; width: 100%; border-radius: 3px; } div#less-section li:first-child { margin-right: 6px } #less-section li:hover .mag-content { padding-bottom: 28px } #less-section .mag-content { position: absolute; bottom: 0; right: 0; z-index: 9999; transition: .2s; left: 0; padding: 20px; text-align: center; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%) } div#less-section li { float: right; width: 24%; margin-right: 1%; position: relative } #less-section .mag-thumb a { display: block; background-size: 100% 100%!important; height: 190px } #less-section .recent-meta { display: none } #less-section .mag-title { display: block; margin-bottom: 6px; color: #fff; border-bottom: 1px solid; padding: 10px 0; padding-top: 0 } #less-section .mag-title a { color: #fff; font-size: 13px } #less-section span.slidertag a { display: inline-block; color: #fff; padding: 10px; margin-bottom: 4px; background: #555; border-radius: 3px; font-size: 12px } #less-section li:hover .less-format-icon { transition: 0.3s; transform: scale(1); } .less-format-icon { background: white; width: 40px; height: 40px; text-align: center; line-height: 44px; border-radius: 50%; color: #555; font-size: 17px; position: absolute; left: 15px; top: 10px; z-index: 9; transition: 0.3s; transform: scale(0); } #less-section span.slidertag { text-align: center } /* Social wrapper Email Sub -------------------------------- */ div#suded-social ul li { overflow: hidden; float: right; width: 50%; text-align: center } div#suded-social ul li i { display: none } div#suded-social { overflow: hidden } div#suded-social ul li p { font-size: 17px; } div#suded-social ul li a { display: block; color: #fff; overflow: hidden; position: relative; transition: 0.3s; padding: 13px 28px; } div#suded-social ul li.fb-c a { background: #3b5998; } div#suded-social ul li.twt-c a { background: #55acee; } div#suded-social ul li.ytb-c a { background: #b00; } div#suded-social ul li.plusgg-c a { background: #dd4b39; } div#suded-social ul li.fb-c a:before { content: "\f09a"; font-family: Fontawesome; position: absolute; left: 10px; font-size: 22px; color: rgba(0, 0, 0, 0.13); top: 12px } div#suded-social ul li.twt-c a:before { content: "\f099"; font-family: Fontawesome; position: absolute; left: 10px; font-size: 22px; color: rgba(0, 0, 0, 0.13); top: 12px } div#suded-social ul li.ytb-c a:before { content: "\f16a"; font-family: Fontawesome; position: absolute; left: 10px; font-size: 22px; color: rgba(0, 0, 0, 0.13); top: 12px } div#suded-social ul li.plusgg-c a:before { content: "\f0d5"; font-family: Fontawesome; position: absolute; left: 10px; font-size: 22px; color: rgba(0, 0, 0, 0.13); top: 12px } .follow-by-email-inner .follow-by-email-submit { border: 0; background: #434343; color: #fff; height: 43px; padding: 8px 0; cursor: pointer; display: block; width: 64px; font-family: Moussa-font; border-radius: 6px 0 0 6px; text-align: center; font-size: 15px; position: relative; top: -1px; } .follow-by-email-inner { background: #555; padding: 8px; margin-bottom: 10px } .follow-by-email-inner .follow-by-email-address { border: 0; background: #fff; font-family: Moussa-font; display: block; padding: 10px 16px; border-radius: 3px; width: 100%; font-size: 17px; margin: auto } /* Footer wrapper -------------------------------- */ .footer-wrapper .section { float: right; width: 31%; margin-right: 1%; margin-left: 1%; } .footer-wrapper .widget-content { padding: 6px 10px; font-size: 16px; color: #8b8b8b; } .footer-wrapper { background: white; margin-top: 14px; border-top: 2px solid #555; padding: 15px; overflow: hidden; border-radius: 3px; width: 100%; } /* page navigation -------------------------------- */ div#blog-pager .pagecurrent, div#blog-pager .showpageOf, div#blog-pager .firstpage a { display: inline-block; padding: 10px 14px; background: #fff; color: #555; margin-left: 4px; margin-bottom: 4px; border-radius: 4px } div#blog-pager .displaypageNum a { display: inline-block; padding: 10px 14px; background: #555; color: #fff; margin-left: 4px; margin-bottom: 4px; border-radius: 4px } div#blog-pager { text-align: center; } /* Copyright wrapper ------------------------------- */ .copyright-wrapper { background: #555; color: #fff; text-align: center; padding: 10px; font-size: 16px; border-bottom: 2px solid #fff; margin-top: 5px; border-radius: 4px 4px 0px 0px; } .copyright-wrapper a { background: #fff; padding: 6px; display: inline-block; border-radius: 4px; } .copyright-wrapper:hover .copyright-wrapper i{ transform: rotate(370deg); transition: 0.3s; } .copyright-wrapper i { background: #383737; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; color: #fff !important; transition: 0.3s; transform: rotate(10deg); display: inline-block; } /* Comments ------------------------------ */ #comments { padding: 15px; background: #fff; } #comment-post-message { display: none; } #comments h4 { font-family: 'Moussa-font'; border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 5px; } .avatar-image-container img { width: 100%; height: 100%; border-radius: 2px; } .avatar-image-container { width: 65px; height: 65px; float: right; margin-left: 15px; } #comments .user a { font-family: 'Moussa-font'; text-transform: capitalize; display: inline-block; font-size: 14px; } .comment-block { padding-bottom: 10px; overflow: hidden; } #comments .datetime { float: left; } #comments .datetime a { font-family: 'Moussa-font'; font-size: 12px; color: #555; } .comment-header { border-bottom: 1px solid #eee; margin-bottom: 10px; } .comment-content { font-family: 'Moussa-font'; font-size: 14px; color: #555; } .comment-actions a { font-family: 'Moussa-font'; font-size: 13px; background: #f1f1f1; padding: 2px 10px; display: inline-block; border-radius: 2px; float: left; margin-right: 5px; } .comment { border-bottom: 1px solid #eee; margin-bottom: 15px; overflow: hidden; } .thread-chrome.thread-collapsed { display: none; } .thread-chrome { margin-top: 10px; } .continue { font-family: 'Moussa-font'; font-size: 13px; background: #f1f1f1; padding: 2px 10px; display: inline-block; border-radius: 2px; } .loadmore a { font-family: 'Moussa-font'; font-size: 14px; } .loadmore { text-align: center; margin-top: 15px; } /* Loader ------------------------------ */ .loader{position: absolute;top:0;left:0;background:#fff;width:100%;height:100%;z-index:9999999999} .spinner{width:40px;height:40px;position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-22px} .double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out} .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s} @-webkit-keyframes sk-bounce { 0%,100%{-webkit-transform:scale(0.0)} 50%{-webkit-transform:scale(1.0)} } @keyframes sk-bounce { 0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)} 50%{transform:scale(1.0);-webkit-transform:scale(1.0)} } .data-content, widget-content { position: relative; display: block; } #main-slider .data-content { height: 270px; display: block; } #HTML140 .data-content { height: 300px; display: block; } #less-section .widget-content { height: 190px; }</style>");






